<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://localhost:8080/src/galleria.js"></script>
      

      <style>
            #galleria{width:800px;margin:20px auto}
        </style>
 
	<div id="galleria">
#foreach ($each_image in $central_image.getSiblings())
	#if ( "$each_image.getData()" != "" )
        <img src="$each_image.getData()"/>

#set ($caption = $each_image.get('info'))
        #if( "$caption.getData()" != "" )
              <p> $caption.getData()</p>
        #end				
    #end
#end		
	
        </div>
	

 
	
    <script>
    Galleria.loadTheme('http://localhost:8080/src/themes/classic/galleria.classic.js');
    jQuery('#galleria').galleria({
        image_crop: true,
        transition: 'fade',
        data_config: function(img) {
            return {
                description: jQuery(img).next('p').html()
            };
        }
    });
    </script>